<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>新闻动态</title>
		<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
		<link rel="stylesheet" type="text/css" href="css/initialize.css"/>
		<link rel="stylesheet" type="text/css" href="css/public.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/midi-audio.css"/>
		<link rel="stylesheet" type="text/css" href="css/news.css"/>
		<script src="js/jquery-2.2.3.js" type="text/javascript"></script>
		<script src="js/public.js" type="text/javascript"></script>
		<script src="js/swiper.min.js"></script>
	</head>
	<body>
		<!--导航栏-->
		<header>
			<div class="header-inner">
				<div class="header-logo">
					<a><img src="img/logo_btn@2x.png"/></a>
				</div>
				<div class="header-nav">
					<a><img src="img/more_btn@2x.png"/></a>
				</div>
				<ul>
						<li><a>登录</a>/<a>注册</a></li>
						<li><a class="active">迷笛音频</a></li>
						<li><a>新闻动态</a></li>
						<li><a>app下载</a></li>
						<li><a>曲谱教程</a></li>
						<li><a>迷笛先生</a></li>
						<li><a>MIDICLUB</a></li>
						<li><a>关于我们</a></li>
						<li><a>退出</a></li>
					</ul>
			</div>
		</header>
		<!--头部导航栏结束-->
		<!--首页第一个轮播图开始-->
		<section>
			<div class="section-inner">
				<div class="swiper-container">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<a><img src="img/banner@2x.png"/></a>
						</div>
						<div class="swiper-slide">
							<a><img src="img/banner-4@2x.png"/></a>
						</div>
						<div class="swiper-slide">
							<a><img src="img/banner-2@2x.png"/></a>
						</div>
					</div>
					<div class="swiper-pagination"></div>
				</div>
			</div>
		</section>
		<!--视频页的详细信息-->
		<!--<div class="wiezhi">
			   <div class="con">
				  <span>当前位置：音频视频&gt; 音频考级</span>
			   </div>
		    </div>-->
		<!--视频页的详细信息结束-->
		<div class="news">
			<div class="con">
				<div class="news-item">
					<div class="news-item-left">
                         <img class="img" src="img/banner-2@2x.png"/>
					</div>
					<div class="news-item-right">
						<div>
							<h2><a href="/Html/news/5ab0843c6bdbe.html" target="_blank" >互联网+音乐教育，迷笛网络考级开始了！</a></h2>
							<p>互联网+音乐教育，迷笛网络考级开始了！</p>
							<span>2018-03-20</span>
						</div>
					</div>
				</div>
				<div class="news-item">
					<div class="news-item-left">
                         <img class="img" src="/Upload/image/201803/20/5ab08220aee9e.jpg"/>
					</div>
					<div class="news-item-right">
						<div>
							<h2><a href="/Html/news/5ab08220aefde.html" target="_blank" >2018迷笛考级山东济南站圆满结束！</a></h2>
							<p>2018迷笛考级山东济南站圆满结束！</p>
							<span>2018-03-20</span>
						</div>
					</div>
				</div>

              	<div class="pages"><div><span class="current">1</span><a class="num" href="/index.php/Home/News/index/p/2.html">2</a><a class="num" href="/index.php/Home/News/index/p/3.html">3</a><a class="num" href="/index.php/Home/News/index/p/4.html">4</a><a class="num" href="/index.php/Home/News/index/p/5.html">5</a><a class="num" href="/index.php/Home/News/index/p/6.html">6</a><a class="num" href="/index.php/Home/News/index/p/7.html">7</a><a class="num" href="/index.php/Home/News/index/p/8.html">8</a><a class="num" href="/index.php/Home/News/index/p/9.html">9</a><a class="next" href="/index.php/Home/News/index/p/2.html">下一页</a> <li class="rows">共<b>86</b>条记录&nbsp;第<b>1</b>页/共<b>9</b>页</li></div></div>
		<!--新闻页的主要内容结束-->
	    <script>
	    	$(function(){
	    		 var myswiper = new Swiper(".section-inner .swiper-container",{
	    		 	autoplay:{
					    stopOnlastSlide:true,
				    },
				    loop:true,
				    pagination:{
					   el:'.swiper-pagination',
				     }
	             });

	    	})
	    </script>
	</body>
</html>